<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 普通按：点后无效果，需要通过JavaScript 定单响应数 -->
    <form action="test01.html" method="get">
        用户名：<input type="text"/> <br>
        密码：<input type="password"/> <br>
        性别：
            <input type="radio" name="gender" value="男" checked="true"> 男
            <input type="radio" name="gender" value="女"> 女
        <br>
        爱好：
        <input type="checkbox" name="hobby" value="1"> 唱歌
        <input type="checkbox" name="hobby" value="2"> 跳舞
        <input type="checkbox" name="hobby" value="3"> rap
        <input type="checkbox" name="hobby" value="4"> 篮球
        <br>
        个人介绍：
        <textarea name="intro" style="width: 300px;height: 100px;"></textarea>
        <br>
        地址：
        <select name="pro">
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
            <option>深圳</option>
        </select>
        <br>
        选择头像：
        <input type="file">
        <input type="submit" value="登录"/>
        <input type="reset"/><br>
    </form>
</body>
</html>